<template>
  <div class="dj">
    <van-nav-bar title="案例" left-arrow @click-left="$router.go(-1)" />
    <div class="lb">
      <van-swipe :autoplay="3000" lazy-render class="img">
        <van-swipe-item v-for="(v, k) in swiper" :key="k">
          <img :src="baseurl + v.imgSrc" />
        </van-swipe-item>
      </van-swipe>
    </div>
    <van-grid :border="false" :column-num="2">
      <van-grid-item v-for="(v, k) in more" :key="k">
        <van-image :src="baseurl + v.img" />
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      swiper: [],
      baseurl: "",
      more: [],
      iso: 0,
    };
  },
  methods: {
    getMore() {
      this.$api.GetMore().then((res) => {
        console.log(res);
        this.swiper = res.data.data.swiper;
        this.baseurl = res.data.baseurl;
        this.more = res.data.data.more;
      });
    },
  },
  mounted() {
    this.getMore();
  },
};
</script>

<style>
.lb img {
  width: 100%;
  height: 200px;
}
.gg {
  width: 100%;
  height: 500px;
  background: chartreuse;
  display: flex;
}
</style>